<template>
  <div>
    <my-row title="标题" value="内容"></my-row>
    <my-row title="标题" value="内容" arrow></my-row>
    <my-row padding="15px" title="标题" value="内容" arrow></my-row>
    <my-row padding="15px" title="标题" value="内容"></my-row>
    <my-row icon="wallet" title="标题" value="内容"></my-row>
    <my-row icon="wallet" title="标题" value="内容" arrow></my-row>
    <my-row icon="wallet" title="padding: 15px; " value="boxBorder" padding="15px;" boxBorder></my-row>
    <my-row icon="wallet" title="padding: 15px; " value="boxBorder" padding="10px;" boxBorder></my-row>
    <my-row icon="wallet" title="padding: 15px;" value="contentBorder" padding="15px;" contentBorder></my-row>
    <my-row icon="wallet" title="标题" value="内容" iconStyle="padding: 15px 15px  15px 15px;" contentStyle="padding: 15px 15px 15px 0;" boxBorder></my-row>
    <my-row icon="wallet" title="标题" value="内容" iconStyle="padding: 15px;" contentStyle="padding: 15px; padding-left: 0;" contentBorder></my-row>
    <my-row icon="wallet" title="标题" value="内容" iconStyle="padding: 15px 15px  15px 15px;" contentStyle="padding: 15px 15px 15px 0;"></my-row>
    <my-row icon="wallet" title="padding: 15px;" value="contentBorder" :padding="15" boxBorder></my-row>
    <my-row icon="wallet" title="padding: 15px;" value="contentBorder" :padding="15" boxBorder arrow></my-row>
    <my-row icon="wallet" title="padding: 15px;" value="contentBorder" :padding="15" contentBorder></my-row>
    <my-row icon="wallet" title="padding: 15px;" value="contentBorder" :padding="15" contentBorder arrow></my-row>
  </div>
</template>

<script>
import Login from '@/controller/Login'
export default {
  name: 'detail',
  components: { Row },
  data() {
    return {}
  },
  async created() {
    const token = await Login.getToken()
  },
  methods: {}
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped></style>
